html,body,.wrapper{
	height:100%;
	margin:0;
	padding:0;
}
.mCSB_inside>.mCSB_container {
	    margin-right:0px !important
}
/* .mCSB_scrollTools{
	left:70px !important;
}
.mCSB_draggerContainer{
	width:4px !important;
} */
.wrapper{
	padding-left:320px;
	position:relative;
	height:100%;
}
.client-l{
	width:300px;
	height:calc(100% - 10px);
	padding:10px 0px 0px 20px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;	
}
.client-l .nav-No,.nav-unit,.nav-floor{
	width:88px;
	border:1px solid #ccc;
	height:96%;
	float:left;
	margin-right:10px;
	position:relative;
}
/* .client-l .nav-unit{
	width:88px;
	border:1px solid #ccc;
	height:96%;
	float:left;
	margin-right:10px;
	position:relative;
} 
.client-l .nav-floor{
	width:88px;
	border:1px solid #ccc;
	height:96%;
	float:left;
	position:relative;
}*/
.client-l .nav-floor{
	margin-right:0px;
}
.client-l .nav-No .no-list, .nav-unit .unit-list, .nav-floor .floor-list{
	height:100%;
	padding-top:28px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.client-l .nav-No .no-list{
	position:relative;
}
.client-l ul li{
	width:88px;
	text-align:center;
	height:28px;
	line-height:28px;
	z-index:99999;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.client-l ul li:hover{
	background:#ccc;
	cursor: pointer;
}
.client-l ul li.active{
	background:#ccc;
}
.client-l ul span{
	display:block;
	height:28px;
	line-height:28px;
	text-align: center;
}
.client-l ul span:hover{
	cursor: pointer;
}
.client-l p{
	width:88px;
	height:28px;
	line-height:28px;
	position:absolute;
	text-align:center;
}
.client-r{
	width:100%;
	height:calc(100% - 10px);
	padding-top: 10px;
}
.state-box{
	padding-right:60px;
	border: 1px solid #ccc;
	position: relative;
	height:63px;
}
.state-box .add-icon{
	position:absolute;
	right:20px;
	top:11px;
}
.state-box .add-icon i{
	font-size: 28px;
}
.state-box .state-wrapper{
	
}
.state-box ul{
	white-space:nowrap;
	width:auto;
}
.mCSB_horizontal.mCSB_inside>.mCSB_container{
	    margin-bottom: 8px !important;
}
.state-box ul li{
	display:inline-block;
	width:80px;
	height:55px;
	/* padding:10px 0px; ycl修改,调整房间列表高度 */
	text-align:center;
	position:relative;
}
.state-box ul li.rent-h span{
	color: #7CCD7C	
}
.state-box ul li.free-h span{
	color: #CD2626	
}
.state-box ul li.wait-h span{
	color: #EEAD0E
}

.state-box ul li:hover span{
	color:#fff;
} 
.state-box ul li:hover{
	background-color: #d70b16;
	cursor: pointer;
}
.state-box ul li.active{
	background-color:#d70b16; 
}
.heBackground{
	background-image: url("../../images/he_black.png");
	background-repeat: no-repeat;
	background-position: 5px 1px;
}
.heBackground:hover {
	background-image: url("../../images/he_black.png");
	background-repeat: no-repeat;
	background-position: 5px 1px;
}
.state-box ul li.active span{
	color:#fff;
}
.state-box ul .add-icon i{
	font-size: 32px;
}
.state-box ul li span{
	display: block;
	margin: 6px 0px;
}
.state-content{
	height: calc(100% - 65px);
}
.changeBox{
	width:50px;
	position:absolute;
	
}
.changeBox ul{
	width:50px;
}
.changeBox ul li{
	display:block;
	height:20px;
	line-height:20px;
}

.changeBox {
	position: absolute;
	top: 34px;
	right: -30px;
	margin-left: -20px;
	border: 1px solid #ccc;
	background: #ffffff;
	z-index: 9999;
}

.changeBox>ul {
	margin: 0;
}

.changeBox>ul>li {
	width: 50px;
	text-align: center;
}

.changeBox>ul>li:hover {
	background: #ccc;
	cursor: pointer;
}

.changeBox>ul>li.hover {
	background: #ccc
}

.triangle {
	border: 5px solid #fff
}
